<!DOCTYPE html>
<html lang="en">
<head>
    <%= require('./common/head.htm') %>
</head>

<body>
    <%= require('./common/IncludeTop.htm') %>

    <div id="Content">
    <div id="Main">
        <div id="Sidebar">
            <div id="SidebarContent">
                <a href="viewCategory?categoryId=FISH"><img src="<%= require('../images/fish_icon.gif')%>" /></a>
                <br />

                <a href="viewCategory?categoryId=FISH">Saltwater, Freshwater</a> 
                <br />
    
                <a href="viewCategory?categoryId=DOGS"> <img src="<%= require('../images/dogs_icon.gif')%>" /></a>
                <br />

                <a href="viewCategory?categoryId=DOGS">Various Breeds</a> 
                <br />
    
                <a href="viewCategory?categoryId=CATS"><img src="<%= require('../images/cats_icon.gif')%>" /></a>
                <br />

                <a href="viewCategory?categoryId=CATS">Various Breeds, Exotic Varieties </a>
                <br />
    
                <a href="viewCategory?categoryId=REPTILES"><img src="<%= require('../images/reptiles_icon.gif')%>" /></a>
                <br />

                <a href="viewCategory?categoryId=REPTILES">Lizards, Turtles, Snakes</a> 
                <br />
    
                <a href="viewCategory?categoryId=BIRDS"> <img src="<%= require('../images/birds_icon.gif')%>" /></a>
                <br />

                <a href="viewCategory?categoryId=BIRDS">Exotic Varieties</a></div>
        </div>
    
        <div id="MainImage">
            <div id="MainImageContent">
                <map name="estoremap">
                    <area alt="Birds" coords="72,2,280,250"
                          href="viewCategory?categoryId=BIRDS" shape="RECT" />
                    <area alt="Fish" coords="2,180,72,250"
                          href="viewCategory?categoryId=FISH" shape="RECT" />
                    <area alt="Dogs" coords="60,250,130,320"
                          href="viewCategory?categoryId=DOGS" shape="RECT" />
                    <area alt="Reptiles" coords="140,270,210,340"
                          href="viewCategory?categoryId=REPTILES" shape="RECT" />
                    <area alt="Cats" coords="225,240,295,310"
                          href="viewCategory?categoryId=CATS" shape="RECT" />
                    <area alt="Birds" coords="280,180,350,250"
                          href="viewCategory?categoryId=BIRDS" shape="RECT" />
                </map>
                <img height="355" src="<%= require('../images/splash.gif')%>" align="middle"
                     usemap="#estoremap" width="350" /></div>
        </div>
    
        <div id="Separator">&nbsp;</div>
    </div>
    </div>
    <p><a href="../view/order.html">进入订单</a></p>
    
    <%= require('./common/IncludeBottom.htm') %>
</body>
</html>
